<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/classmanagement.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/classmanagement.js"></script>
</head>
<body>
<main>
<section>
<!--    定内容宽-->
    <div>
<!--        选择市和学校行-->
        <div>
            选择市：
            <select name="select_shi" class="select_shi">
                <option value="wu">==请选择==</option>
            </select>

            选择学校：
            <select name="select_school" class="select_school">
                <option value="wu">==请选择==</option>
            </select>
            <span class="btn bj_sousou iconfont icon-sousuo"></span>
        </div>
<!--        批量删除和添加行-->
        <div class="mid">
            <div class="left">
                <button class="btnDelAll">
                    <span class="iconfont icon-shanchu"></span>批量删除
                </button>
                <button class="btnAdd" type="button" class="btn btn-primary btn-lg" >
                    <span class="iconfont icon-add"></span>添加
                </button>
            </div>
            <div class="right dataNum">
                共有数据： <span id="tatolData"></span> 条
            </div>
        </div>
<!--        表格-->
        <div>
            <table border="0" cellpadding="0" cellspacing="0">
                <thead>
                <tr>
                    <th><input type="checkbox" class="allOption"></th>
                    <th>id</th>
                    <th>班级</th>
                    <th>老师编号</th>
                    <th>带班老师</th>
                    <th>班级人数</th>
                    <th>开班时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody ></tbody>
            </table>
        </div>
<!--    确定/取消的模态框-->
        <div class="modal fade bs-example-modal-sm" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
                        <h4 class="modal-title container" id="myModalLabel">确定要删除吗?</h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info yes" data-dismiss="modal">确定</button>
                        <button type="button" class="btn btn-default no">取消</button>
                    </div>
                </div>
            </div>
        </div>
<!--    添加的模态框-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel1">添加班级</h4>
                    </div>
                    <div class="modal-body modalBody">
                        <p><span>ID:</span><input type="text" id="text_id"></p>
                        <p><span>班级:</span><input type="text" id="text_Name"></p>
                        <p><span>老师编号:</span><input type="text" id="text_tNo"></p>
                        <p><span>带班老师:</span><input type="text" id="text_tName"></p>
                        <p><span>班级人数:</span><input type="text" id="text_number"></p>
                        <p><span>开班时间:</span><input type="text" id="text_startTime"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary addYes" data-dismiss="modal">保存</button>
                        <button type="button" class="btn btn-default no" >取消</button>
                    </div>
                </div>
            </div>
        </div>
<!--编辑的模态框-->
        <div class="modal fade bs-example-modal-sm11" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
<!--                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>-->
<!--                        <h4 class="modal-title container" id="myModalLabel">确定要删除吗?</h4>-->
                    </div>
                    <div class="modal-body modalBody md_body">
                        <p><span>ID:</span><input type="text" id="text_id1" placeholder=""></p>
                        <p><span>班级:</span><input type="text" id="text_Name1"></p>
                        <p><span>老师编号:</span><input type="text" id="text_tNo1"></p>
                        <p><span>带班老师:</span><input type="text" id="text_tName1"></p>
                        <p><span>班级人数:</span><input type="text" id="text_number1"></p>
                        <p><span>开班时间:</span><input type="text" id="text_startTime1"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-info bj_yes" data-dismiss="modal">确定</button>
                        <button type="button" class="btn btn-default no">取消</button>
                    </div>
                </div>
            </div>
        </div>
<!--        页码-->
        <div class="divPage de_pageBt"></div>
    </div>
</section>
</main>


<!--js部分-->
<script src="js/jquery-3.5.1.js"></script>
<script src="js/data.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/classmanagement.js"></script>

</body>
</html>